<template>
    <div class="l-rblock l-form-viewer" style="padding:16px;">
         <el-form label-position="right" label-width="80px" :model="data" style="height:500px;"  class="viewForm">
            
            
            <el-row>
                <el-col :span="24">
                    <el-form-item label="巡检人:">
                        <span>{{lr_userName(data.f_UserId)}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-form-item label="检查性质:">
                        <span>{{data.f_Nature}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                     <el-form-item label="检查设备:">
                        <span>{{data.f_Name}}</span>
                    </el-form-item>
                </el-col>

                <el-col :span="24">
                     <el-form-item label="设备编号:">
                        <span>{{data.f_DeviceNumber}}</span>
                    </el-form-item>
                </el-col>

                 <el-col :span="24">
                     <el-form-item label="设备位置:">
                        <span>{{data.f_Address}}</span>
                    </el-form-item>
                </el-col>

                 <el-col :span="24">
                     <el-form-item label="规格型号:">
                        <span>{{data.f_Model}}</span>
                    </el-form-item>
                </el-col>

                 <el-col :span="24">
                     <el-form-item label="检查日期:">
                        <span>{{lr_dateFormat(data.f_Date,"yyyy-MM-dd")}}</span>
                    </el-form-item>
                </el-col>

                 <el-col :span="24">
                     <el-form-item label="检查结果:">
                        <span>{{data.f_Result}}</span>
                    </el-form-item>
                </el-col>

                <el-col :span="24">
                     <el-divider class="myDivider"></el-divider>
                </el-col>

                <el-col :span="24">
                     <el-form-item label="附件:">
                        <l-upload
                            listType="picture-card"
                            :disabled="true"
                            v-model="data.f_File" 
                        >
                        </l-upload>
                    </el-form-item>
                </el-col>
            </el-row>
            <img :src="`${rootUrl}img/device/check_tip_pass.png`" class="viewFormImg" v-if="data.f_State==0">
            <img :src="`${rootUrl}img/device/check_tip_notpass.png`" class="viewFormImg" v-if="data.f_State==1">
        </el-form>
    </div>
</template>

<script>
export default {
    props:["sonRow"],
    data(){
        return{
            data:this.sonRow
        }
    },
    async mounted(){
        //console.log(this.data,'sds')
    },
    methods:{
    }
}
</script>

<style lang="scss">

.viewForm{
    position: relative;
}
.viewFormImg{
    position: absolute;
    top: 0px;
    right:20px;
}

.viewForm .el-form-item__label{
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.viewForm .el-form-item__content{
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.el-divider--horizontal.myDivider{
    margin: 0px;
    margin-bottom: 16px;
}
</style>